<?xml version="1.0" encoding="utf-8"?>
<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" design="device:m;" xid="window" class="window">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="height:auto;left:374px;top:69px;" onParamsReceive="modelParamsReceive"> 
  <div component="$UI/system/components/justep/data/data" autoLoad="false" xid="categoryData" idColumn="id" onCustomRefresh="categoryDataCustomRefresh"><column name="id" type="String" xid="xid1"></column>
  <column name="parentId" type="String" xid="xid2"></column>
  <column name="name" type="String" xid="xid3"></column></div>
  <div component="$UI/system/components/justep/data/data" autoLoad="false" xid="goodsData" idColumn="id" onCustomRefresh="goodsDataCustomRefresh" onBeforeRefresh="goodsDataBeforeRefresh"><column name="id" type="String" xid="xid4"></column>
  <column name="title" type="String" xid="xid5"></column>
  <column name="description" type="String" xid="xid6"></column>
  <column name="introduce" type="String" xid="xid7"></column>
  <column name="image" type="String" xid="xid8"></column>
  <column name="price" type="String" xid="xid9"></column>
  <column name="images" type="String" xid="xid10"></column></div></div>  
  <div component="$UI/system/components/justep/panel/panel" 
    class="x-panel x-full" xid="panel1"> 
      <div class="x-panel-top" xid="top1"> 
        <div component="$UI/system/components/justep/titleBar/titleBar" title="商品列表"
          class="x-titlebar" style="background-color:#58ACFC;">
          <div class="x-titlebar-left"> 
            <a component="$UI/system/components/justep/button/button"
              label="" class="btn btn-link btn-only-icon" icon="icon-chevron-left"
              onClick="backBtnClick" xid="backBtn"> 
              <i class="icon-chevron-left"/>  
              <span></span> 
            </a> 
          </div>  
          <div class="x-titlebar-title">商品列表</div>  
          <div class="x-titlebar-right reverse"> 
          </div>
        </div> 
      </div>  
    <div class="x-panel-content" xid="content1"><div component="$UI/system/components/justep/row/row" class="x-row" xid="row1" style="height:100%;">
   <div class="x-col x-col-25" xid="col1" style="border-right-style:solid;border-right-width:thin;border-right-color:#C0C0C0;"><div component="$UI/system/components/justep/list/list" class="x-list x-cards" xid="categoryList" data="categoryData" autoLoad="false" bind-click="categoryListClick">
   <ul class="x-list-template " xid="listTemplateUl1">
    <li xid="li1" class="x-min-height list-group-item" bind-css="{'x-active':val('id')==data.val('id')}"><div component="$UI/system/components/justep/output/output" class="x-output" xid="output1" bind-ref='ref("name")'></div></li></ul> </div></div>
   <div class="x-col x-col-75  x-scroll-view" xid="col2" style="position:relative;"><div class="x-scroll" component="$UI/system/components/justep/scrollView/scrollView" xid="scrollView6" style="overflow-x:hidden" onPullDown="scrollView6PullDown" onPullUp="scrollView6PullUp">
   <div class="x-content-center x-pull-down container" xid="div16">
    <i class="x-pull-down-img glyphicon x-icon-pull-down" xid="i6"></i>
    <span class="x-pull-down-label" xid="span11">下拉刷新...</span></div> 
   <div class="x-scroll-content" xid="div17"><div component="$UI/system/components/justep/list/list" class="x-list" xid="goodsList" data="goodsData" autoLoad="false" bind-click="goodsListClick" limit="20">
   <ul class="x-list-template  row x-min-height" xid="listTemplateUl2" componentname="$UI/system/components/justep/list/list#listTemplateUl" id="undefined_listTemplateUl2">
    <div xid="div1" class="col-xs-6 col-sm-6 x-min-height" componentname="div(html)" id="undefined_div1"><div xid="div2" class="thumbnail"><img src="" alt="" xid="image1" bind-attr-src='$model.getImageUrl( $object.val("image"))' height="90px" style="width:100%;height:90px;"></img>
  
  <div component="$UI/system/components/justep/output/output" class="x-output" xid="output2" bind-ref="ref('title')" style="text-align:center;font-size:small;overflow:hidden;width:100%;height:20px;;"></div><div component="$UI/system/components/justep/output/output" class="x-output" xid="output3" style="text-align:center;font-size:xx-small;color:#FF0000;font-weight:bold;" bind-text='"￥"+ val("price")'></div></div></div></ul> </div>
  </div>
   <div class="x-content-center x-pull-up" xid="div18">
    <span class="x-pull-up-label" xid="span12">加载更多...</span></div> </div></div>
   </div></div>
  </div> 
<div component="$UI/system/components/justep/popOver/popOver" class="x-popOver" xid="popOver1">
   <div class="x-popOver-overlay" xid="div4"></div>
   <div class="x-popOver-content" xid="div5" align="center">
    <i xid="i4" class="icon-loading-a" style="font-size:36px;"></i></div> </div></div>